<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
	<head>
		<title>Free Steam Website Template | Login :: w3layouts</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="web/css/style.css" rel="stylesheet" type="text/css" media="all" />
		<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
			<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
			</head>
			<body>
				<div class="header-top">
					<div class="wrap">
						<div class="logo">
							<a href="index.html"><img src="web/images/logo.png" alt=""/></a>
						</div>
						<div class="cssmenu">
							<nav id="nav" role="navigation">
								<a href="#nav" title="Show navigation">Show navigation</a>
								<a href="#" title="Hide navigation">Hide navigation</a>
								<ul class="clearfix">
									<li class="active"><a href="index.html">Home</a></li>
									<li><a href="start.html"><span>Get Started</span></a></li>
									<li><a href="work.html"><span>How it Works</span></a></li>
									<li><a href="pricing.html">Pricing</a></li>
									<li><a href="support.html">Support</a></li>
									<div class="clear"></div>
								</ul>
							</nav>
						</div>
						<div class="buttons">
							<div class="login_btn">
								<a href="login.html">Login / Signup</a>
							</div>
							<div class="get_btn">
								<a href="start.html">Get Listed Today</a>
							</div>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
						<h2 class="head">Find the <span class="m_1">next event </span>You'll want <span class="m_1">to attend</span></h2>
					</div>
				</div>
				<div class="main">
					<div class="wrap">
						<div class="section group">
							<div class="cont span_2_of_blog">
								<div class="login-title">
									<h4 class="title">Login</h4>
									<div id="loginbox" class="loginbox">
										<form action="" method="post" name="login" id="login-form">
											<fieldset class="input">
												<p id="login-form-username">
												<label for="modlgn_username">Username</label>
												<input id="modlgn_username" type="text" name="username" class="inputbox" size="18" autocomplete="off">
												</p>
												<p id="login-form-password">
												<label for="modlgn_passwd">Password</label>
												<input id="modlgn_passwd" type="password" name="password" class="inputbox" size="18" autocomplete="off">
												</p>
												<p id="login-form-remember">
												<label for="modlgn_remember" class="checkbox">Remember me</label>
												<input id="modlgn_remember" type="checkbox" name="remember" class="checkbox" value="yes" autocomplete="off">
												</p>
												<input type="submit" name="Submit" class="button" value="Login">
											</fieldset>
										</form>
									</div>
								</div>
							</div>
							<div class="cont span_2_of_blog">
								<div class="login-title">
									<h4 class="title">Or Create</h4>
									<div id="loginbox" class="loginbox">
										<form action="" method="post" name="register" id="register-form">
											<fieldset class="input">
												<p id="register-form-firstname">
												<label for="modlgn_firstname">Firstname</label>
												<input id="modlgn_firstname" type="text" name="firstname" class="inputbox" size="18" autocomplete="off">
												</p>
												<p id="register-form-lastname">
												<label for="modlgn_lastname">Lastname</label>
												<input id="modlgn_lastname" type="text" name="lastname" class="inputbox" size="18" autocomplete="off">
												</p>
												<p id="register-form-username">
												<label for="modlgn_username">Username</label>
												<input id="modlgn_username" type="text" name="username" class="inputbox" size="18" autocomplete="off">
												</p>
												<p id="register-form-password">
												<label for="modlgn_passwd">Password</label>
												<input id="modlgn_passwd" type="password" name="password" class="inputbox" size="18" autocomplete="off">
												</p>
												<p id="register-form-repeat-password">
												<label for="modlgn_rppasswd">Repeat Password</label>
												<input id="modlgn_rppasswd" type="password" name="repeat-password" class="inputbox" size="18" autocomplete="off">
												</p>
												<p id="register-form-email">
												<label for="modlgn_email">Email</label>
												<input id="modlgn_email" type="password" name="email" class="inputbox" size="18" autocomplete="off">
												</p>
												<br />
												<input type="submit" name="Submit" class="button" value="Register">
											</fieldset>
										</form>
									</div>
								</div>
							</div>
							<div class="bsidebar span_1_of_blog">
								<h2 class="head4">Search</h2>
								<div class="search">
									<form>
										<input type="text" value="Search...." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
										<input type="submit" value="">
									</form>
								</div>
								<h2 class="head4">Categories</h2>
								<ul class="list1">
									<li><a href="#">consectetuer adipiscing elit</a></li>
									<li><a href="#">Duis autem vel eum iriure dolo</a></li>
									<li><a href="#">soluta nobis eleifend option</a></li>
									<li><a href="#">consectetuer adipiscing elit</a></li>
									<li><a href="#">Duis autem vel eum iriure dolo</a></li>
									<li><a href="#">soluta nobis eleifend option</a></li>
								</ul>
								<h2 class="head4">Tags</h2>
								<ul class="tags">
									<li><a href="#">Events</a></li>
									<li><a href="#">Gallery</a></li>
									<li><a href="#">Videos</a></li>
									<li><a href="#">Albums</a></li>
									<li><a href="#">Solo Artists</a></li>
									<li><a href="#">Audio Post</a></li>
									<li><a href="#">Musical</a></li>
									<li><a href="#">Live</a></li>
									<li><a href="#">Concert</a></li>
									<li><a href="#">Movie</a></li>
								</ul>
							</div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
				<div class="footer">
					<div class="wrap">
						<div class="footer-menu">
							<ul>
								<li class="active"><a href="index.html">Home</a></li>
								<li><a href="about.html">About eco</a></li>
								<li><a href="work.html">How it works</a></li>
								<li><a href="industries.html">Industries</a></li>
								<li><a href="features.html">Features</a></li>
								<li><a href="pricing.html">Pricing</a></li>
								<li><a href="faq.html">Faq's</a></li>
								<li><a href="features.html">Privacy policy</a></li>
								<li><a href="blog.html">Blog</a></li>
								<li><a href="work.html">Terms of service</a></li>
								<div class="clear"></div>
							</ul>
						</div>
						<div class="footer-bottom">
							<div class="copy">
								<p>© 2014 Template by <a href="http://w3layouts.com" target="_blank"> w3layouts</a></p>
							</div>
							<div class="social">
								<ul>
									<li class="facebook"><a href="#"><span> </span></a></li>
									<li class="twitter"><a href="#"><span> </span></a></li>
									<li class="linked"><a href="#"><span> </span></a></li>
									<li class="arrow"><a href="#"><span> </span></a></li>
									<li class="dot"><a href="#"><span> </span></a></li>
									<li class="rss"><a href="#"><span> </span></a></li>
								</ul>
							</div>
							<div class="clear"></div>
						</div>
					</div>
				</div>
			</body>
		</html>